<template>
	<view class="empty">
		<view class="poster" :style="{height: `${height}rpx`,width: `${height}rpx`}">
			<image class="image" src="@/static/images/empty/empty.png" mode="aspectFill"></image>
		</view>
		<view class="desc">
			{{desc || '还没有数据'}}
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			height:{
				type:Number,
				default:500
			},
			desc:String
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/common/style/customicons.scss";
	.empty{
		@include flex-c-start-center;
		padding: 80rpx 0 40rpx;
		.poster{
			height: 400rpx;
			width: 400rpx;
			.image{
				width: 100%;
				height: 100%;
			}
		}
		.desc{
			font-size: 24rpx;
			color: #9A9A9A;
		}
	}
</style>